<template>
  <div class="explore">
    <div class="explorehead">
      <div class="centerhead">
        <span>推荐</span>
      </div>
    </div>
    <!-- 歌单热门评论 -->
     <div class="diantai">
      <div class="diantailist">
        <div class="list">
              <div class="content">
                <div class="head">
                  <span>好歌不断 ｜ 最近在循环</span>
                </div>
              </div>
              <div class="usercomment">
                <div class="commenttop">
                  <img src="../../assets/img/ceshi.jpeg" alt="">
                  <span>小涡不吃格子</span>
                </div>
                <div class="commentbottom">
                  
                  <span>好像走在了巴黎的街道上</span>
                </div>
              </div>
              <div class="commentnum">
                <span>127</span>
                <span class="iconfont icon-renqun"></span>
              </div>
            
        </div>
      </div>
      
      <!-- 用户动态 -->
        <div class="dongtai" v-if="explorelist" @click="$store.commit('changeplaylist',explorelist)">
                <dongtai v-for="item in explorelist" :id='item.id'  ></dongtai>
               
              </div>
    </div>
  </div>

</template>

<script>
import dongtai from '../Small/dongtai.vue';
import {get} from '@/http/request.js'
export default {
  components: { dongtai },
  data(){
    return{
      explorelist:null,
    }
  }
  ,
  mounted(){
    //获取最新歌曲数据
     get("/personalized/newsong?limit=10").then((res) => {

      // console.log('最新歌曲数据',res);

      this.explorelist=res.data.result;

      // console.log(this.freshlist,res.data.result);

      

      
      // console.log(this.$store.state.playlist);

      
    });


  }
  
};
</script>

<style lang="scss" scoped>
@import url(../../comman/css/explore.css);
</style>
